<!DOCTYPE html>
<html>
<head>
<link rel='match' href='linear_gradients_lengths_ref.html'>
<!-- Tests that linear gradient lengths work. -->
<style>
section {
    display: block;
    width: 100px;
    height: 100px;
    border: solid black 1px;
    background-clip: content-box;
}
#a {
    background-image: linear-gradient(to right, white, white 30px, black 30px, black);
}
</style>
</head>
<body>
<section id=a></section>
<section id=b></section>
</body>
</html>

